<!DOCTYPE html>
<html>
<head>
    <title>Login</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">


</head>
<body>

<div style="float: left;margin-top:10%;margin-left: 10px">
<h1>请扫码开始签到</h1>
<div id="makeCode" style="width: 200px;height: 200px;">
</div>
</div>
<!--<div id="reVi">-->

    <!--<div v-for="list in reList " style="color: #0C0C0C">-->
    <!--<div v-if="list.registerState== '正常'"  style="margin-right: 5px; background: green;width: 70px;height: 35px;border-radius: 10px;text-align: center;line-height: 35px">-->
        <!--{{list.userName}}-->
    <!--</div>-->
        <!--<div v-else-if="list.registerState=='迟到'"  style="margin-right: 5px; background: yellow;width: 70px;height: 35px;border-radius: 10px;text-align: center;line-height: 35px">-->
            <!--{{list.userName}}-->
        <!--</div>-->
        <!--<div v-else  style="margin-right: 5px; background: red;width: 70px;height: 35px;border-radius: 10px;text-align: center;line-height: 35px">-->
            <!--{{list.userName}}-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->
<div style="float: left;margin-left: 30px;">
    <table id="activity_register_table" lay-filter="activity_register"></table>
</div>
<!--工具栏模板-->
<script type="text/html" id="activity_register_toolbar">

</script>
<!--表格操作模版-->
<script type="text/html" id="activity_register_operate">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm"  lay-event="zhengchang" >正常</button>
        <button class="layui-btn layui-btn-sm layui-btn-danger" style="background-color: yellow" lay-event="chidao" >迟到</button>
        <button class="layui-btn layui-btn-sm layui-btn-danger"  style="background-color: red"  lay-event="kuangke" >旷课</button>
        <button class="layui-btn layui-btn-sm layui-btn-danger"  style="background-color:gray"  lay-event="qingjia" >请假</button>
    </div>
</script>
<!--//签到状态模板-->
<script type="text/html" id="templeTregisterState">
    {{#  if(d.registerState =='正常'){     }}
    <div class="layui-btn layui-btn-sm" >正常</div>
    {{#   }  else{    if(d.registerState =='迟到'){     }}
    <div class="layui-btn layui-btn-sm layui-btn-danger" style="background-color: yellow" >迟到</div>
    {{#        } else  {    if(d.registerState =='请假'){     }}
    <div class="layui-btn layui-btn-sm layui-btn-danger"  style="background-color: gray"  >请假</div>
    {{#       }else{         }}
    <div class="layui-btn layui-btn-sm layui-btn-danger"  style="background-color: red"  >旷课</div>
    {{#          }            }}
    {{#          }            }}
    {{#          }            }}
</script>
<script src="/js/qrcode.min.js"></script>
<script src="/js/axios.min.js"></script>
<script src="/myJs/layUi/register.js"></script>


<script>
    //tyep  1 老师扫码开始签到

    var key = {
        type: '2',
        activityId: ''
    }
    var timer;
    var timeout;
    var qrcode = new QRCode(document.getElementById("makeCode"), {
        width: 200,
        height: 200
    });
    function getSessid() {
        axios.post('/register/getRsgisterInfo', {})
            .then(function (response) {
                var res = response.data;
                if (res.code == 200) {
                    key.activityId = res.activityId;
                    key.latitude = res.latitude;
                    key.longitude = res.longitude;
                    console.log(key)
                    timer = window.setInterval(qindaoRE, 1000);
                    // makeCode();
                } else {
                    alert(res.data.message);
                }
            })
            .catch(function (error) {
                console.log(error);
            });
    }

    function makeCode() {
        //  console.log(JSON.stringify(key));
        qrcode.makeCode(JSON.stringify(key))
    }

    // //是否使用微信 扫码
    // function isBengin() {
    //     axios.post('/register/isBengin', {})
    //         .then(function (response) {
    //             var res = response.data;
    //             switch (res.code) {
    //                 case 200:
    //                     window.clearInterval(timer);
    //
    //                     //开始变换二维码
    //                     key={
    //                         type:'2',
    //                         activityId:res.activityId,
    //                         latitude:res.latitude,
    //                          longitude:res.longitude
    //                     }
    //                     timer= window.setInterval(qindaoRE,1000);
    //
    //                     break;
    //                 case 202:window.clearInterval(timer);
    //                     alert(res.message);break;
    //                 default:console.log(res.message)
    //             }
    //         })
    //         .catch(function (error) {
    //             console.log(error);
    //         });
    // }
    getSessid();
   // timer = window.setInterval(isBengin, 1000);

    function qindaoRE() {
        var timestamp = (new Date()).getTime();
        key.timestamp = timestamp;
        makeCode();
    }


    // function getRsgisterUser() {
    //     axios.post('/register/getRsgisterUser', {})
    //         .then(function (response) {
    //             var res = response.data;
    //             if (res.code == 200) {
    //                 revi.reList=res.data;
    //
    //             } else {
    //                 alert(res.data.message);
    //             }
    //             timeout=setTimeout(getRsgisterUser, 1000)
    //         })
    //         .catch(function (error) {
    //             console.log(error);
    //         });
    // }
    //
    // var revi = new Vue({
    //     el: "#reVi",
    //     data: {
    //         reList: {}//签到记录
    //     },
    //     mounted: function () {
    //         getRsgisterUser();
    //     }
    //
    // })




</script>


</body>
</html>